<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Home :: X40P Project</title>
    <link rel="stylesheet" href="./assets/css/style.css" media="all" />
</head>
<body>
<div class="container_12" id="wrapper">
    <div class="container_12" id="header">
        <div class="grid_4" id="logo">
            <h1>X40P Project</h1>
            <h2>A production of CLGT team</h2>
        </div>
        <div class="grid_8" id="member-nagivator">
            <img class="avatar" src="./assets/images/img-50.jpg" alt="Member's username" width="30" height="30" />
            <span><a href="#" title="">kcjpop</a></span> | 
            <span class="balance">$ 99.00</span>
            <ul>
                <li><a href="dashboard.html">Dashboard</a></li>
                <li><a href="collections.html">Collections</a></li>
                <li><a href="settings.html">Settings</a></li>
                <li><a href="">Sign out</a></li>
            </ul>
        </div>
        <div class="clear"></div>
        
        <div class="grid_12" id="search">
            <form action="" method="get">
                <input name="q" type="text" value="" class="text bf" />
                <input type="submit" name="" value="Search" class="button" />
            </form>
        </div>
        <div class="clear"></div>
    </div><!-- /header -->
    
    <div class="container_12" id="main">
        <div class="grid_8">
            aa
        </div>
        <div class="grid_4" id="sidebar">
            <div class="author">
                <a href="" title=""><img src="./assets/images/img-50.jpg" alt="" class="avatar" /></a>
                <p>
                    <h4><a href="">Nguyễn Văn Tèo</a></h4>
                    <a href="portfolio.html" title="">View portfolio</a>
                    <form name="frm-follow" action="" method="post">
                        <input type="hidden" name="user_id" value="" />
                        <input type="submit" name="submit" value="Follow" />
                    </form>
                </p>
            </div>
            
            <div class="metadata">
                <dl>
                    <dt>Member since</dt>
                    <dd>Apr 20, 2011</dd>
                    <dt>Live in</dt>
                    <dd>Ho Chi Minh City</dd>
                    <dt>Skills</dt>
                    <dd>PHP, JavaScript, HTML, CSS</dd>
                </dl>
            </div>
            
            <div class="social-networks">
                <a href=""><img src="./assets/images/icon/blogger.png" alt="DeviantArt" /></a>
                <a href=""><img src="./assets/images/icon/deviantart.png" alt="DeviantArt" /></a>
                <a href=""><img src="./assets/images/icon/facebook.png" alt="DeviantArt" /></a>
                <a href=""><img src="./assets/images/icon/flickr.png" alt="DeviantArt" /></a>
                <a href=""><img src="./assets/images/icon/lastfm.png" alt="DeviantArt" /></a>
                <a href=""><img src="./assets/images/icon/linkedin.png" alt="DeviantArt" /></a>
                <a href=""><img src="./assets/images/icon/myspace.png" alt="DeviantArt" /></a>
                <a href=""><img src="./assets/images/icon/twitter.png" alt="DeviantArt" /></a>
            </div>
            
            <h3>23 followers</h3>
            <ul class="follow">
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
            </ul>
            
            <h3>Following 25</h3>
            <ul class="follow">
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
                <li><a href="" title=""><img src="./assets/images/img-50.jpg" alt="" width="30" height="30" /></a></li>
            </ul>
        </div><!-- /sidebar -->        
        <div class="clear"></div>
    </div><!-- /main -->
    
    
    <div class="container_12" id="footer">
        <div class="grid_3">
            <ul>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
                <li><a href="category.html" title="View all items in [Category]">Category</a></li>
            </ul>
        </div>
        
        <div class="grid_3">            
            <ul>
                <li><a href="">Subscribe to blog</a></li>
                <li><a href="">Follow us on Twitter</a></li>
                <li><a href="">Become a fan on Facebook</a></li>
                <li><a href="">RSS feed</a></li>
            </ul>            
        </div>
        
        <div class="grid_3">
            <h3>Monthly newsletter</h3>
            <form name="" action="" method="post">
                <p>
                    <label>First Name<br />
                    <input type="text" class="text" name="first_name" id="first_name" value=""></label>
                </p>
                <p>
                    <label>Last Name<br />
                    <input type="text" class="text" name="first_name" id="first_name" value=""></label>
                </p>
                <p>
                    <label>Email<br />
                    <input type="text" class="text" name="first_name" id="first_name" value=""></label>
                </p>
                <p>
                    <input type="submit" name="submit" value="Subscribe" />
                </p>
            </form>
        </div>
        
        <div class="grid_3">
            <h3>Help & Support</h3>
            <ul>
                <li><a href="" title="">FAQ</a></li>
                <li><a href="" title="">Contact</a></li>
                <li><a href="" title="">About</a></li>
            </ul>
            
            <h3>Statistics</h3>
            <p>Total members<br />
                <span>9999999</span>
            </p>
            <p>Total members<br />
                <span>9999999</span>
            </p>
        </div>
        
        <div class="clear"></div>
        <div class="grid_9">Copyright &copy; 2011<br />A production of cLGt Team</div>
        <div class="grid_3">
            <a href="" title="">Home</a> | 
            <a href="" title="">About</a> | 
            <a href="" title="">FAQ</a> | 
            <a href="" title="">Contact</a>
        </div>
        <div class="clear"></div>
    </div><!-- /footer -->
</div>
</body>
</html>